﻿.badge-widget {
    display: inline-block;
    border: solid 1px #ddd;
    border-radius: var(--bs-border-radius);
    padding: 6px 12px;
    position: relative;
    transition: all .25s linear;
    cursor: pointer;
}

    .badge-widget:hover {
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(40, 167, 69, 0.5);
        border-color: #28a745 !important;
    }

    .badge-widget ::deep .badge {
        position: absolute;
        top: -6px;
        right: -6px;
        opacity: 0.8;
    }
